<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/zcm-main.css">
		<style>
			.content{
				color: #333333;font-size: 22px;text-align: left;margin: 40px;white-space: pre-line;
			}
		</style>

		<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
		<script>
			$(document).ready(function() {
				$("#close").click(function() {
					var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
					parent.layer.close(index);
				});
			});

			function setTitle(title) {
				$("#title").text(title);
			}

			function setMessage(message) {
				$("#message").text(message);
			}
		</script>
	</head>
	<body>
		<div class="flex flex-row j-sb a-center" style="width: 100%;height: 70px;background-color: #EEEEEE;">
			<a id="title" style="margin-left: 40px;color: #333333;font-size: 24px;font-weight: bold;">消息内容</a>
			<img id="close" src="img/dialog_close.png" style="width: 29px;height: 29px;margin-right: 40px;" />
		</div>
		<div style="width: 100%;height: 1px;background-color: #D9D9D9;"></div>
		<div id="message" class="content">你有一个新消息，请及时查看。你有一个新消息，请及时看。你有一个新消息，请及时查看。你有一个新消息，请及时查看...</div>
	</body>
</html>
